:root {
    --bs-primary: #004f63;
    --bs-primary-light: #b3cad0;
    --bs-primary-hover: #003f4f;
    --bs-primary-shadow: #004f6380;
    
    --bs-secondary: #bebbc3;
    --bs-secondary-light: #ecebed;
    --bs-secondary-hover: #98969c;
    --bs-secondary-shadow: #bebbc380;
    
    --bs-success: #1b6600;
    --bs-success-light: #bbd1b3;
    --bs-success-hover: #16520;
    --bs-success-shadow: #1b660080;
    
    --bs-warning: #e6b11e;
    --bs-warning-light: #f8e8bc;
    --bs-warning-hover: #b88e18;
    --bs-warning-shadow: #e6b11e80;
    
    --bs-orange: #f68121;
    --bs-orange-light: #fcd9bc;
    --bs-orange-hover: #c5671a;
    --bs-orange-shadow: #f6812180;
    
    --bs-info: #2e8eb2;
    --bs-info-light: #c0dde8;
    --bs-info-hover: #25728e;
    --bs-info-shadow: #2e8eb280;
    
    --bs-dark: #092634;
    --bs-dark-light: #b5bec2;
    --bs-dark-hover: #71e2a;
    --bs-dark-shadow: #09263480;
    
    --header-height: 80px;
}

a {
    color: var(--bs-blue);
    text-decoration: none;
}
a:hover {
    color: var(--bs-primary);
}

/*Inline redigeringsknapper*/
.TangoraEditButton[href*="inline"] {
    position: relative;
}
.TangoraEditButton[href*="inline"]:after {
    content: "\e0b7" !important;
    font-family: "Font Awesome 6 Pro";
    color: var(--bs-warning) !important;
    visibility: visible;
    font-size: 12px;
    line-height: 16px;
    font-weight: 900;
    position: absolute;
    left: -4px;
    bottom: -1px;
}

/**********************************/
/* Navigations ikoner */
/**********************************/
/*Reminders*/
#navigationlistitem_1751>a:before {
    content: "\f0f3";
}
/*Hold*/
#navigationlistitem_272>a:before {
    content: "\e533";
}
/*Afrejste hold*/
/*#navigationlistitem_284>a:before {
    content: "\f5b0";
}*/
/*Deltagere*/
#navigationlistitem_306>a:before {
    content: "\f7f3";
}
/*Kontakter*/
#navigationlistitem_631>a:before {
    content: "\f2b9";
}
/*Møder*/
#navigationlistitem_2226>a:before {
    content: "\e5e2";
}
/*Infomøder*/
/*#navigationlistitem_1215>a:before {
    content: "\e49a";
}*/
/*Afrejsemøder*/
/*#navigationlistitem_1788>a:before {
    content: "\e5e2";
}*/
/*Kalender*/
/*#navigationlistitem_975>a:before {
    content: "\e005";
    font-family: "Font Awesome Kit";
    font-weight: 400;
}*/
/*Øvrige kunder*/
/*#navigationlistitem_343>a:before {
    content: "\f0c0";
}*/
/*SMS Deltagere*/
/*#navigationlistitem_1214>a:before {
    content: "\f017";
}*/
/*SMS Kontakter*/
/*#navigationlistitem_1227>a:before {
    content: "\f017";
}*/
/*Flybilletter til godkendelse*/
/*#navigationlistitem_2024>a:before {
    content: "\f017";
}*/
/*E-mail skabeloner*/
/*#navigationlistitem_278>a:before {
    content: "\f0e0";
}*/
/*Statisik for Kendskab*/
/*#navigationlistitem_266>a:before {
    content: "\e592";
}*/
/*Print holdprogram*/
/*#navigationlistitem_567>a:before {
    content: "\f02f";
}*/
/*Staffoversigt*/
#navigationlistitem_1582>a:before {
    content: "\f508";
}
/*Newsfeed*/
#navigationlistitem_1636>a:before {
    content: "\f1ea";
}
/*Notifikationer*/
#navigationlistitem_2066>a:before {
    content: "\f8fa";
}
/*Hjælp*/
/*#navigationlistitem_554>a:before {
    content: "\f017";
}*/
/*Admin*/
#navigationlistitem_2310>a:before {
    content: "\f085";
}
/*Ledelese*/
#navigationlistitem_2311>a:before {
    content: "\f6a3";
}

.alerttext SPAN, .alerttext {color: Red!important;}
.kontaktArkiveret, .kontaktarkiv1 {color: #eb0000!important; text-decoration: line-through!important;}
.kontaktMaster {color: #23bf13!important;}
.kursistAnnulleret A {color: #eb0000!important;}
.kursistAnnulleret {color: #eb0000!important;}
.deltagerAnnulleret, .annulleret1 {color: #eb0000!important; text-decoration: line-through!important;}
.deltagerPapirkurv {color: #eb0000!important; text-decoration: line-through!important;}
.soegstaffstatus2 {color: #eb0000!important; text-decoration: line-through!important;}
.soegstaffstatus3 {color: #268e47!important;}

/*Hold status*/
.holdstatus4 {
    color: var(--bs-danger);
}
.holdstatus2,
.holdstatus3,
.holdstatus6 {
    color: var(--bs-orange);
}
.holdstatusnote {
    color: var(--bs-secondary);
}
.holdskjultJa:before {
    content: "\f070";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
}
.holdtype904:after {
    content: "Kombi ";
    font-weight: bold;
    color: red;
}

.search {
    display: flex;
    align-items: center;
    padding: 0;
    height: unset;
}
#divLogo a {
    padding: 5px 0;
}
#IkonBox > div:not(:last-child) {
    margin-right: 2.5rem;
}
#IkonBox a{
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    position: relative;
    color: var(--bs-primary);
}
#IkonBox .ikon-badge {
    position: absolute;
    top: -16px;
    right: -12px;
    background-color: var(--bs-danger); /*!important;*/
    background-image: var(--bs-gradient-ltr)!important;
    padding: 0.25rem 0.5rem !important;
    border-radius: 1rem;
    color: #fff;
    font-size: 0.9rem;
}

button.TangoraEditButton:not(.btn) {
    border: none;
    background-color: transparent;
}

@media screen and (max-width: 768px) {
    :root {
        --header-height: 60px;
    }
    #layoutbox4 {
        top: calc(var(--header-height) - calc(var(--header-height) * 4.25));
    }
    #layoutbox2 {
        top: var(--header-height);
    }
    .search {
        height: calc(var(--header-height) * 0.75);
    }
    #mobil-navbar {
        background-color: var(--bs-primary);
    }
    #IkonBox {
        position: fixed;
        bottom: 0;
        width: 100vw;
        padding: 20px 8px;
        background-color: var(--bs-light);
        left: 0;
    }
    #IkonBox a {
        /*color: var(--bs-light);*/
    }
    #NavBtn > i{
        color: var(--bs-light);
    }
}